<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <title>校园风采</title>
    <!--<link rel="stylesheet"
          href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->
    <link rel="stylesheet"
          href="dist/css/bootstrap.min.css">
    <script src="dist/js/jquery-2.1.4.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
    <style>
        body {
            padding-top: 80px;
        }
    </style>
</head>

<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <img alt="140x140" src="images/favicon.ico" class="img-circle" width=22px
                             style="float: left;margin-top: 13px"/>
                        <p class="navbar-brand">仰恩社区</p>
                    </div>
                    <div class="collapse navbar-collapse navbar-responsive-collapse"
                         id="example-navbar-collapse">
                        <div class="col-xs-6" style="margin-top: 10px;margin-left: 50px">
                            <ul class="nav nav-pills nav-justified " style="margin-right: 50px">
                                <li><a href="Index"><strong>校园动态</strong></a></li>
                                <li><a href="news.html"><strong>校园新闻</strong></a></li>
                                <li><a href="campusbrows.html"><strong>校园浏览</strong></a></li>
                                <li class="active"><a
                                        href="campusview.html"><strong>校园风采</strong></a></li>
                                <li><a href="personal.html"><strong>我的心愿墙</strong></a></li>
                                <li><a href="aboutours.html"><strong>关于网站</strong></a></li>
                            </ul>
                        </div>
                        <!--<div style="margin-top: 3px;float: right">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="regist.html"><span
                                        class="glyphicon glyphicon-user"></span>
                                    注册</a></li>
                                <li><a href="login.html"><span
                                        class="glyphicon glyphicon-log-in"></span> 登录</a>
                                </li>
                            </ul>
                        </div>-->
                    </div>
                </div>
            </nav>
        </div>
    </div>

    <div class="row clearfix">
        <div class="col-md-2 column">
            <div class="panel panel-info">
                <div class="panel-heading">
                    <p class="text-center"><img alt="140x140" src="images/59.jpg"
                                                class="img-circle" width=75px/></p>
                    <p class="text-center h4"><span class="glyphicon glyphicon-user"></span><a
                            href="" style="text-decoration:none;">巴黎左岸</a></p>
                </div>
            </div>
            <div class="panel panel-info">
                <div class="panel-heading">
                    <h3 class="panel-title"><span class="glyphicon glyphicon-picture"></span></h3>
                </div>
                <div class="panel-body">
                    <form role="form">
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon "><span class="glyphicon glyphicon-tags"></span></span>
                                <input type="text" class="form-control"  placeholder="标题" >
                            </div><br>
                            <input class="form-control">
                            <br>
                            <button type="button" class="btn btn-primary btn-sm" type="submit"
                                    style="float: right"><span
                                    class="glyphicon glyphicon-saved"></span> 添加
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-10 column ">
            <div class="col-md-12 column">
                <div class="panel panel-info">
                    <div class="panel-body">
                        <img src="images/lunbo1.jpg" alt="First slide" width="100%" height="250px">
                    </div>

                    <div class="panel-heading">
                        <h3 class="panel-title">
                            <strong>校园风采</strong>
                        </h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>三棵球</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic1.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>女生宿舍</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic5.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>彩虹桥花草</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic9.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>学校正门</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic2.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>足球场</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic6.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>新区操场</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic3.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>彩虹桥</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic7.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>仰光楼</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic4.jpg"/>
                            </h5>
                        </div>
                        <div class="col-md-3 column">
                            <h5 class="text-center">
                                <strong>共和楼</strong>
                                <br><br>
                                <img alt="140x140" class="img-thumbnail img-responsive"
                                     src="images/pic8.jpg"/>
                            </h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bottom" style="margin-top: 10px;color: #2aabd2">
        <hr>
        <h5 class="text-center">COPYRIGHT 2016 YANGENSHUO all right RESERVED 版权所有·仰恩说 </h5>
    </div>
</div>
</body>
</html>